﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
$(function(){
	var layout = [
		".talk_1",
		".gather_panel",
		".talk_2"
	];
	var timeDelay = [  1,.7,.2 ];
	var timeDurat = [ .3,.3,.3 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){window.parent.nextAnimation('page4_write.html');},page_total*1000);	
})
</script>

<style>
	.talk_1{animation-name: window_hidden;}
	.gather_panel{animation-name: gather_click;}
	.talk_2{left: 100%; animation-name: window_show;}
	.talk_top s{animation-name: top_text_show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_3"></dl></div>
	<div class="gather">
		<div class="gather_list">
			<dl class="gather_firsttop">
				<dt style="background-image: url(img/timg.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子妈妈营</h2>
					<h3>作业批改完成</h3>
				</dd>
			</dl>
			<dl class="gather_panel">
				<dt style="background-image: url(img/profile/teacher_z.jpg);"><i>1</i></dt>
				<dd>
					<i>16:41</i>
					<h2>英语培训赵老师</h2>
					<h3>薇薇妈，昨天薇薇又迟到了，还请今天准时一些</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/group.jpg);"><i>12</i></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子小学102班家长群</h2>
					<h3>赵老师：@all这周的课外拓展作业是了解海洋动物</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/boss.jpg);"><i>1</i></dt>
				<dd>
					<i>16:41</i>
					<h2>老板</h2>
					<h3>上次新增的需求怎么没放到方案里？</h3>
				</dd>
			</dl>
		</div>
	</div>
	<div class="talk talk_1 keyboard_show">
		<div class="talk_list">
			<div class="talk_time"><em class="time_point_0"></em></div>
			<dl class="talk_parent_0"></dl>
			<dl class="talk_parent_1"></dl>
			<dl class="talk_parent_2"></dl>
			<dl class="talk_parent_3"></dl>
			<dl class="talk_parent_4"></dl>
			<dl class="talk_parent_5"></dl>
			<dl class="talk_parent_6"></dl>
			<dl class="talk_parent_7"></dl>
			<div class="talk_time"><em class="time_point_2"></em></div>
			<dl class="talk_parent_8"></dl>
			<dl class="talk_parent_9"></dl>
			<dl class="talk_parent_10"></dl>
			<dl class="talk_parent_11"></dl>
			<dl class="talk_parent_12"></dl>
			<dl class="talk_parent_13"></dl>
			<dl class="talk_parent_14"></dl>
		</div>
		<div class="talk_top"><s>(1)</s><dl>丸子小学小2班家长群 (38)</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input"></div>
			</div>
		</div>
	</div>
	<div class="talk talk_2">
		<div class="talk_list">
			<dl class="talk_zhao_0"></dl>
			<dl class="talk_zhao_1"></dl>
			<dl class="talk_zhao_2"></dl>
			<dl class="talk_zhao_3"></dl>
			<dl class="talk_zhao_4"></dl>
			<dl class="talk_zhao_5"></dl>
			<dl class="talk_zhao_6"></dl>
			<dl class="talk_zhao_7"></dl>
			<dl class="talk_zhao_8"></dl>
			<div class="talk_time"><em class="time_point_3"></em></div>
			<dl class="talk_zhao_9"></dl>
		</div>
		<div class="talk_top"><dl>英语培训赵老师</dl></div>
		<div class="talk_bottom">
			<div class="talk_bottom_input"></div>
		</div>
	</div>
</div>

</body>
</html>